.f-tree {
    box-sizing: border-box;
    height: 100%;
    padding: 18px;
    margin-right: 10px;
    &.fold {
    }
    .f-tree-title {
        margin: 0 0 15px;
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        h4 {
            margin: 0;
            font-size: 18px;
            font-weight: bold;
            color: var(--el-color-info-dark-2);
            letter-spacing: 0.5px;
        }
        .icon {
        }
    }
    .el-input {
        margin: 0 0 15px;
    }
    .el-scrollbar {
        .el-tree {
            /**防止滚动条 */
            padding-right: 10px;
            height: 80%;
            overflow: auto;
            .el-tree-node__content {
                height: 33px;
                .el-tree-node__label {
                    display: flex;
                    flex-flow: row;
                    justify-content: space-between;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            }
            .el-tree-node.is-current > .el-tree-node__content {
                background-color: var(--el-color-primary);
                .el-tree-node__label,
                .el-tree-node__expand-icon {
                    color: white;
                }
                .is-leaf {
                    color: transparent;
                }
            }
        }
    }
}
